<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    .box1 {
      width: 200px;
      height: 200px;
      background-color: aqua;
      /* 边框 
      border-width可以指定四个方向的边框的宽度，
      值的情况：
      四个值：上、右、下、 左
      三个值：上、 左右、 下
      两个值：上下、左右
      一个值：上下左右

      border-xxx-width:
      */
      border-width: 10px;
      /* 
      border-color规则和上面一样
      */
      border-color: blue;
      border-color: green rebeccapurple red yellow;

      /* 
      
      solid：实线
      dotted：点状虚线
      dashed：虚线
      double：双线
      */
      border-style: solid;
      border-style: solid dotted dashed double;

      /* 简写 */
      border: 1px solid red;
      border-right: none;
    }
  </style>
</head>

<body>
  <div class="box1"></div>
</body>

</html>